<template>
  <x-layout>
    <template #scroll>
      <div class="flex flex-col gap-10rpx">
        <div class="flex justify-center items-center flex-col gap-20rpx bg-#f14f4c w-100% h-380rpx color-#fff">
          <div class="font-700 text-100rpx">
            {{ today }}
          </div>
          <div class="text-28rpx text-center font-700 ">
            {{ tips }}
          </div>
        </div>
        <div class=" flex flex-col p-20rpx gap-20rpx">
          <div class="text-36rpx font-300 color-#111" v-for="(item,index) in curData" :key="index">
            {{ index+1 }}、{{ item }}
          </div>
        </div>
      </div>
    </template>
  </x-layout>
</template>

<script setup>
import { ref } from 'vue'
import { useRequest } from '@/hooks'
import { day60s } from '@/api/vvan'

const curData = ref([])
const today = ref([])
const tips = ref('')
const banner = ref('')

const getData = async () => {
  const { data, time, banner } = await useRequest(day60s)
  const _tip = data[data.length - 1].slice(4)
  data.pop()
  curData.value = data
  today.value = time
  tips.value = _tip
}

getData()

</script>

  <style lang="scss" scoped>

  </style>
